﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}




/*-----Custom css-------------------*/
.btn-success{
    background-image: linear-gradient(to bottom,#AEF448 0,#639B27 100%) !important;
    border-color: #8CDF34 !important;
}
.btn{
    padding:6px 30px !important;
}
.pull-left {
  font-style: italic!important;
  font-size: 1.2em!important;
  color: #C8C6C6!important;
}
.panel-primary > .panel-heading {
    background-image: linear-gradient(to bottom,#388BD2 0,#2e6da4 100%) !important;
}
.refer-friend-link{
    text-align:center;
}
.modal-dialog hr {
    color: #337ab7;
    height: 1px;
    background-color: #337ab7;
    border: none;
}
.input-row {
    display: inline-flex;
    width: 100%;
}
.panel-body .row {
    padding: 10px 0;
}
.form-control.error{border-color:red;}
.form-group .control-label {
    line-height: 34px;
}
.modal-body .form-horizontal .col-sm-2,
.modal-body .form-horizontal .col-sm-10 {
    width: 100%;
}

.modal-body .form-horizontal .control-label {
    text-align: left;
}

.modal-body .form-horizontal .col-sm-offset-2 {
    margin-left: 15px;
}

span.mandatory {
    color: #337ab7;
}

.alert-success {
    background-image: none !important;
    border-color: #20BD2E;
    background-color: white;
    color: #20BD2E;
}

.red-tooltip {
    padding-left: 2px;
}

.red-tooltip + .tooltip > .tooltip-inner {
    background-color: #fff;
    color: #f00;
    border: 1px solid red;
    padding: 10px;
    width: 100%;
    font-style:italic;
    font-weight:bold;
    font-size:1.2em;
}

.red-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid red;
}

.image-icon {
    width: 34px;
    height: 34px;
}

.close-icon {
    width: 32px;
    height: 32px;
}
.close-icon:hover {
    cursor:pointer;
}
.close-button {
    float: right;
    color: transparent;
    background: 0;
    border: none !important;
}
.checkbox-text{
    margin-bottom:5px;
}
.regular-checkbox {
    -webkit-appearance: none !important;
    background-color: #fafafa !important;
    border: 1px solid #cacece !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05) !important;
    padding: 10px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    position: relative !important;
    margin-bottom: -6px !important;
    margin-right: 3px !important;
}

.regular-checkbox:active, .regular-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1) !important;
}

.regular-checkbox:checked {
    background-color: #e9ecee !important;
    border: 1px solid #adb8c0 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1) !important;
    color: #337ab7 !important;
}

.regular-checkbox:checked:after {
    content: '\2714' !important;
    font-size: 16px !important;
    position: absolute !important;
    top: 0px !important;
    left: 3px !important;
    color: #337ab7 !important;
}


